<div class="home-components">
  <h2 class="title">西安市 <span class="band">住房项目公示</span></h2>
  <p class="update-time">上次更新时间：{{updateTime | time}}</p>
  <div class="operation">
    <!-- <nz-select style="width: 100%;" nzShowSearch nzAllowClear nzPlaceHolder="搜索项目" [(ngModel)]="title" (ngModelChange)="changeSearch()">
      <nz-option *ngFor="let item of recordingList" nzCustomContent [nzValue]="item.title" [nzLabel]="item.title">{{item.title}}</nz-option>
    </nz-select> -->
    <div class="option-group">
      <div class="option">
        <span>区域</span>
        <nz-radio-group [(ngModel)]="area" [nzButtonStyle]="'solid'" (ngModelChange)="changeCond()">
          <label nz-radio-button *ngFor="let item of ereaOptions" [nzValue]="item.value">{{item.label}}</label>
        </nz-radio-group>
      </div>
      <div class="option">
        <span>登记状态</span>
        <nz-radio-group [(ngModel)]="yxdjState" [nzButtonStyle]="'solid'" (ngModelChange)="changeCond()">
          <label nz-radio-button *ngFor="let item of checkInOptions" [nzValue]="item.value">{{item.label}}</label>
        </nz-radio-group>
      </div>
    </div>
  </div>
  <app-b-map [points]="recordingList"></app-b-map>
  <nz-table #basicTable nzBordered [nzData]="recordingList">
    <thead>
      <tr>
        <th *ngFor="let item of headers">{{item}}</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let item of basicTable.data">
        <td style="width: 80px;">{{item.area === 'c6' ? '城6区': '长安区' }}</td>
        <td>{{item.title}}</td>
        <td>{{item.houseNumber}}</td>
        <td>{{getPrice(item.prices)}}</td>
        <td>{{item.yxdjTimeStart | time:'MM-DD'}} 至 {{item.yxdjTimeEnd | time:'MM-DD'}}</td>
        <td>{{item.address}}</td>
      </tr>
    </tbody>
  </nz-table>
</div>